<!DOCTYPE html>
<html>
    <head>
        <title>Voting DApp</title>
        <!--
        <link href='https://fonts.googleapis.com/css?family=Open Sans:400,700' rel='stylesheet' type='text/css'>
        -->
        <link href='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css' rel='stylesheet' type='text/css'>
    </head>
    <body class="container">
        <h1>A Simple Voting Application</h1>
        <div id="address"></div>
        <div class="table-responsive">
            <table class="table table-bordered">
                <thead>
                    <tr>
                        <th>Candidate</th>
                        <th>Votes</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>Alice</td>
                        <td id="candidate-1"></td>
                    </tr>
                    <tr>
                        <td>Bob</td>
                        <td id="candidate-2"></td>
                    </tr>
                    <tr>
                        <td>Cary</td>
                        <td id="candidate-3"></td>
                    </tr>
                </tbody>
            </table>
            <div id="msg"></div>
        </div>
        <input type="text" id="candidate" />
        <a href="#" onclick="voteForCandidate()" class="btn btn-primary">Vote</a>
    </body>
    <!--
    <script src="https://cdn.rawgit.com/ethereum/web3.js/develop/dist/web3.js"></script>
    -->
    <script src="https://cdn.jsdelivr.net/gh/ethereum/web3.js/dist/web3.min.js"></script>
    <script src="https://code.jquery.com/jquery-3.1.1.slim.min.js"></script>
    <script src="app.js"></script>
</html>